<!--<!DOCTYPE html>-->
<!--<html lang="en">-->
<!--<head>-->
  <!--<meta charset="UTF-8">-->
  <!--<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">-->
  <!--<title>百度地图</title>-->
  <!--<link rel="stylesheet" href="./layout.css">-->
  <!--</head>-->
<!--<body>-->
  <!--<div id="allmap"></div>-->
  <!--<script src="//apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>-->
  <!--<script type="text/javascript" src="//api.map.baidu.com/api?type=webgl&v=1.0&ak=naiPskfPgXKGAXGXLYrDZQDChWdTYcub"></script> -->
  <!--<script src="./main.js"></script>-->
<!--</body>-->
<!--</html>-->


<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
      <style type="text/css">
    body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";}
      </style>
        <script type="text/javascript" src="//api.map.baidu.com/api?type=webgl&v=1.0&ak=naiPskfPgXKGAXGXLYrDZQDChWdTYcub"></script>
          <title>添加信息窗口</title>
          </head>
          <body>
            <div id="allmap"></div>
            </body>
            </html>
            <script type="text/javascript">
  // 百度地图API功能
              var map = new BMapGL.Map("allmap");
                var point = new BMapGL.Point(114.529963, 38.003679);
                  map.centerAndZoom(point, 15);
                    
                    var marker = new BMapGL.Marker(point);  // 创建标注
                      map.addOverlay(marker);              // 将标注添加到地图中
                      var opts = {
                              width : 100,     // 信息窗口宽度
                                            height: 100,     // 信息窗口高度
                                                  title : "SPA富应用开发" , // 信息窗口标题
                                                        message:"这里是故宫"
                                                            
                      }
  var infoWindow = new BMapGL.InfoWindow("时间：周三、周四、周五\n地点：软件学院", opts);  // 创建信息窗口对象 
    marker.addEventListener("click", function(){          
            map.openInfoWindow(infoWindow, point); //开启信息窗口
              }); 
            </script>

